<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="">
        <meta name="author" content="">
        <link rel="icon" href="app/images/favicon.png">
        <title>天樂融</title>
        <link href="app/css/tlr.css" rel="stylesheet">
        <link href="libs/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="libs/admin/css/sb-admin.css" rel="stylesheet">
        <link href="libs/admin/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
        <script src="http://webapi.amap.com/maps?v=1.3&key=b8e3ce7528c82a04f1edb15c3dd9304f"></script>

        <script src="libs/jquery/jquery.min.js"></script>
        <!-- Bootstrap core JavaScript -->
        <script src="libs/bootstrap/js/bootstrap.min.js"></script>
        <!-- Angular JS -->
        <script src="libs/angular/angular.min.js"></script>
        <script src="libs/angular/angular-route.min.js"></script>
        <script src="libs/angular/angular-resource.min.js"></script>
        <script src="libs/angular/angular-file-upload.min.js"></script>
        <script src="app/tlr.js"></script>
        <script src="app/tlr-dashboard-route.js"></script>
        <script src="app/mvp/service/tlr_model.js"></script>
        <script src="app/mvp/service/tlr_dashboard_model.js"></script>
        <script src="app/mvp/service/tlr_air_purifier.js"></script>
        <script src="app/mvp/service/tlr_service.js"></script>
        <script src="app/mvp/controller/main_ctrl.js"></script>
        <script src="app/mvp/controller/dashboard_ctrl.js"></script>
        <script src="app/mvp/controller/dashboard_map_ctrl.js"></script>
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
            <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
            <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body ng-app='tlr-app' ng-controller="MainViewCtrl">
        <div id="wrapper">
            <!-- Navigation -->
            <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation" ng-controller="DashboardNavCtrl">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand navbar-offset" href="index.html">
                        <div style="display:inline-block;">
                            <img src="app/images/rong.png" alt="" style="width:32px;height:32px;" />
                            <span style='color:#fff;padding-left:5px;font-size:22px;'><b>天樂融</b></span>
                        </div>
                    </a>
                </div>
                <!-- Top Menu Items -->
                <ul class="nav navbar-right top-nav">
                    <li class="dropdown">
                        <a class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> {{userName}}<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li>
                                <a href=""  data-toggle="modal" data-target="#UserPasswordModal"><i class="fa fa-fw fa-user"></i>设置</a>
                            </li>
                            <li class="divider"></li>
                            <li>
                                <a href="" ng-click="logOff()"><i class="fa fa-fw fa-power-off"></i>登出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
                <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
                <ng-include src="'app/mvp/template/view/dashboard/sidebar.html'"></ng-include>
                <!-- /.navbar-collapse -->
            </nav>
            <div id="page-wrapper">
                <ng-view />
                <!-- /.container-fluid -->
            </div>
            <ng-include src="'app/mvp/template/view/dashboard/form/user_password_form.html'"></ng-include>
            <!-- /#page-wrapper -->
        </div>
        <!-- /#wrapper -->
    </body>
</html>
